<template>
    <el-container>
        <el-header><h1>技能编辑</h1></el-header>
        <el-container>
            <el-container>
                <el-aside width="300px">
                    <el-divider content-position="left">基本信息</el-divider>
                    <skill-edit-form :skill-id="skillId"></skill-edit-form>
                    <el-divider content-position="left">节点信息</el-divider>
                    <skill-careers :skill-id="skillId"></skill-careers>
                </el-aside>
                <el-main>
                    <skill-courses-editor :skill-id="skillId"></skill-courses-editor>
                </el-main>
            </el-container>
        </el-container>
    </el-container>
</template>

<script>
    import SkillEditForm from "../components/SkillEditForm";
    import SkillCareers from "../components/SkillCareers";
    import SkillCoursesEditor from "../components/SkillCoursesEditor";

    export default {
        components: {SkillEditForm, SkillCareers, SkillCoursesEditor},
        data() {
            return {activeName: "basic"}
        }, computed: {
            skillId() {
                return parseInt(this.$route.params.skill);
            }
        }, methods: {}, created() {

        }
    }
</script>

<style scoped>

</style>